 <!DOCTYPE> 
<html>
<head>
<title>You are the best</title>
<style>
body {background:#ff0;}
div#main {
	background:#ccf;
	height:460px;
	padding:10px;
	weight:320px;
	-webkit-border-radius:10px;
}
</style>



</head>
<body>
<div id="main">
You are the best!
<br>
<button id="me">tell me</button>
<br>
<button id="she">tell her</button>
</div>
</body>

<script>
function alerta()
{
var elementID=this.id;
var greeting;
if (elementID=="me") greeting="you are";
else if (elementID=="she") greeting="she is";
	alert("we really think that " + greeting +" the best");
}
document.addEventListener("DOMContentLoaded",
function(){
document.getElementById("me").addEventListener("click",alerta,false);
document.getElementById("she").addEventListener("click",alerta,false);
},false);
</script>
</html>